<html>
  <head>
    <title>This is my first page</title>
    <link href="css/site.css" rel="stylesheet">
    <script type="text/javascript">
      function showEmail(){
        var oEmail = document.register.email;
        alert(oEmail.value);        
      }
      
      function showPassword(oPassword){
        alert(oPassword.value);
      }
    </script>
  </head>
  <body>
  <form name="register">
      <table border="0" cellspacing="0" align="center" width="80%">
        <thead>
          <tr>
            <th colspan="2">Please fill he details below</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td width="40%" align="right">Name :</td>
            <td>
 <input type="text" name="uname" onClick="alert(this.name)" 
 value="Rasmus Lerdorf" placeholder="My Name is.."/></td>
          </tr>

          <tr>
            <td align="right">Email :</td>
            <td>
 <input type="email" name="email" onBlur="showEmail()"
 placeholder="example@example.com"/></td>
          </tr>

          <tr>
            <td align="right">Password :</td>
            <td>
 <input type="password"  title="My Password is.."
 placeholder="My Password is.." onChange="showPassword(this)"/></td>
          </tr>

          <tr>
            <td align="right">Confirm Password :</td>
            <td><input type="password"  placeholder="My Confirm Pass is.."/></td>
          </tr>

          <tr>
            <td align="right">Date Of Birth :</td>
            <td><input type="date" placeholder="YYYY/MM/DD"/></td>
          </tr>

          <tr>
            <td align="right">Address :</td>
            <td><textarea placeholder="My Address is.."></textarea></td>
          </tr>

          <tr>
            <td align="right">Country :</td>
            <td>
              <select>
                <option>-Select-</option>
                <option>India</option>
                <option>Pakistan</option>
                <option>Nepal</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Gender :</td>
            <td>
              <label><input type="radio" name="gender"/>Male</label>
              <label><input type="radio" name="gender"/>Female</label>
            </td>
          </tr>


          <tr>
            <td align="right">Language :</td>
            <td>
              <select multiple>
                <option>C</option>
                <option>C++</option>
                <option>PHP</option>
                <option>.Net</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Hobbies :</td>
            <td>
              <label><input type="checkbox" name="hobbies"/>Cricket</label>
              <label><input type="checkbox" name="hobbies"/>Football</label>
              <label><input type="checkbox" name="hobbies"/>Hockey</label>
              <label><input type="checkbox" name="hobbies"/>Others</label>
            </td>
          </tr>

          <tr>
            <td align="right">Avatar :</td>
            <td><input type="file"/></td>
          </tr>

          <tr>
            <td align="right">&nbsp;</td>
            <td><input value="I am done!!" type="submit"/></td>
          </tr>

        </tbody>
      </table>
    </form>
  </body>
</html>
